<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>JQuery基础语法</title>
		<script src="js/jquery-1.11.1.js"></script>
	</head>
	<body>
		<button>按钮</button>
		<button id="btn">按钮2</button>
		<script>
			//JQuery注释  遵循JavaScript【两点】
			/*多行注释*/
			//首行出现语法  工厂函数  功能  抓取页面上的元素、属性和属性值
			// 工厂函数使用方法    语法 ①  $("选择器")或$('选择器')
			//                       注意：单双引号解决嵌套问题
			//                   语法 ①  JQuery("选择器")或JQuery('选择器')
			// 工厂函数第一种使用方式
			/*$('button').click(function(){
				document.write("<h1>点击我了</h1>");  ----DOM 直接在页面 输出语句
			});*/
			// 工厂函数第二种使用方式 
			jQuery('#btn').click(function(){
			//	console.log("尊尼获不尽");  ----ECMAscript核心 输出语句  F12 控制台
			//	alert("弹出的内容");        ----BOM 浏览器弹出 输出语句
			})
			
			//JQ基础语法组成：工厂函数【2种】，事件源【15种】(function(){  DOM+逻辑/BOM+逻辑/逻辑})
		</script>
	</body>
</html>